<template>
  <div style="padding-bottom:50px">
    <van-cell-group>
      <van-cell icon="location" title="收件人：张叁" value="185****8888" label="收货地址：广东省广州市天河区XXX街道XXX路1-5号高德置地D27021" isLink />
    </van-cell-group>
    <div v-for="(item,index) in 2" :key="index">
      <div class="order-list ff mt-10">
      <ul>
        <li v-for="(item,index) in 2" :key="index">
          <router-link to="shopDetail">
            <div class="list-item">
              <div class="p">
                <router-link to="goodsDetail">
                  <img class="p-pic" v-lazy="'http://gw1.alicdn.com/bao/uploaded/c4/13/TB1etCbSpXXXXcsXXXXSutbFXXX.jpg_80x80.jpg'">
                </router-link>
              </div>
              <div class="d">
                <h3 class="d-title">Apple Store 官方旗舰店Apple Store 官方旗舰店Apple Store 官方旗舰店</h3>
                <p class="d-main">金色  64G</p>
                <p class="d-main clearfix"><span class="num fr">X1</span><span class="goods-price">&yen;5888</span></p>
              </div>
            </div>
          </router-link>
        </li>
        </ul>
    </div>
    <van-cell-group>
      <van-cell  title="配送方式" value="快递 　邮费¥10.00" />
      <van-field v-model="text" label="买家留言" placeholder="选填，可以写您的需求"></van-field>
      <van-cell class="tr">
        <template slot="title">
          <span class="van-cell-text">共2件商品</span>
          <span class="van-cell-text">合计：</span>
          <span class="goods-price">&yen;5888</span>
        </template>
      </van-cell>
    </van-cell-group>
    </div>
    <van-submit-bar
      :price="3050"
      buttonText="确认"
      @submit="$router.push('/orderPay')"
    />
  </div>
</template>

<script>
import {Cell, CellGroup,Field,SubmitBar,Checkbox,Row, Col,Icon,ContactCard} from 'vant';

export default {
  components: {
    [SubmitBar.name]: SubmitBar,
    [Checkbox.name]: Checkbox,
    [Row.name]: Row,
    [Col.name]: Col,
    [Icon.name]: Icon,
    [Cell.name]: Cell,
    [CellGroup.name]: CellGroup,
    [ContactCard.name]: ContactCard,
    [Field.name]: Field,
    
  },
  methods:{
    onSubmit(){},
    onEdit(){
      this.$router.push({path:'/addressEdit',query:{id:this.chosenAddressId}})
    },
  },
  data(){
    return{
      text:'',
      currentContact:{
        'name':'',
        'tel':''
      },
      showList:false,
      list: [
        {
          id: '1',
          name: '张三',
          tel: '13000000000',
          address: '浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室'
        },
        {
          id: '2',
          name: '李四',
          tel: '1310000000',
          address: '浙江省杭州市拱墅区莫干山路 50 号'
        }
      ]
    }
  }
};
</script>

<style lang="less">
</style>
